@CHaRSET "UTF-8";
body {
    padding-top: 80px;
    background: #f7f8f8;
    font-size: 16px;
}
.f_l{float: left;}
.f_r{float: right;}
a {color: #333;text-decoration: none}
a:hover,a:focus{color: #000;text-decoration: none}
ul,li{margin:0;padding:0;list-style-type:none;}
p{margin-bottom: 0;line-height: 28px;}
.h3_color{color:#1347a3;font-weight: 600;}
.h3_bg{background: #1347a3;margin:0;padding:10px 0;color:#fff;border-radius: 10px;}
/*左边nav*/
.h4_bg{background: #eeeeee;margin:8px 8px;padding:5px 0;color:#333;border-radius: 10px;}
a:hover .h4_bg,a:focus .h4_bg{background: #7ecef4;color:#fff;}
.list-unstyled .selected .h4_bg{background: #7ecef4;color:#fff;}

.height10{height: 10px;}
.height15{height: 15px;}
.height20{height: 20px;}
.height30{height: 30px;}
.height40{height: 40px;}
.height50{height: 50px;}
.height100{height: 100px;}
.height150{height: 150px;}

.section{padding:50px 0;}

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/
#backtotop {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    cursor: pointer;
    font-size: 50px;
    z-index: 9999;
    color: #333;
}
#backtotop:hover {
    color: #333
}
#main-menu-user li.user {
    display: none
}
/*nav*/
/*logo*/
.navbar-brand {
    float: left;
    padding: 8px 0px;
    font-size: 18px;
    line-height: 20px;
    height: 80px;
}
@media ( max-width: 1360px) {
	.navbar .container{}
}
.navbar{margin-bottom: 0;min-height: 80px;background: #d4e5f6 url(../images/nav_gb.jpg) repeat 100% 100%}
.navbar-default {}

.navbar-nav > li > a {font-size:18px;padding-top: 15px;padding-bottom: 15px;}

.navbar-default .navbar-nav > li > a {
    color:  #333;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: #7ecef4;
}
.navbar-default .navbar-nav > .zh_en > a, .navbar-default .navbar-nav > .zh_en > a:hover, .navbar-default .navbar-nav > .zh_en > a:focus {
    color: #fff;
    background: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: #7ecef4;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background: #7ecef4;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background: #7ecef4;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #7ecef4;
    border-radius: 10px;
}


@media ( min-width: 1600px) {
.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 30px; 
    border-radius: 10px;
    /*background: #7ecef4;*/
}
.navbar-ul {
    margin-left:30px;
    margin-top: 17px;
    padding-bottom: 20px;
    
}
}
@media ( min-width: 1441px) {
.nav > li > a {
    position: relative;
    display: block;
    /* padding: 12px 30px; */
    border-radius: 10px;
    /*background: #7ecef4;*/
}
.navbar-ul {
    margin-left:30px;
    margin-top: 17px;
    padding-bottom: 20px;
    
}
}

@media ( max-width: 1440px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 12px 10px;
    }
	.navbar-ul {
		margin-left:20px;
		margin-top: 17px;
		padding-bottom: 0px;
		
	}
}

@media ( max-width: 1360px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 12px 10px;
    }
	.navbar-ul {
		margin-left:15px;
		margin-top: 17px;
		padding-bottom: 0px;
		
	}
	.navbar-form{display: none;}
}

/*搜索*/
.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 768px){
.navbar-form .form-control {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
}}


/*二级nav*/
/*.navbar-toggle{padding:8px 9px;margin-top:14px}*/
/*.navbar-default .navbar-nav>li>a{padding:5px 15px;font-weight:700}*/
/*.nav>li>ul li a,.nav>li>ul li a:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover{color:#fff;text-decoration:none}*/
/*.navbar-default .navbar-nav>li>ul{width:100%;padding:0;margin:0 30px}*/


@media (min-width:768px){
/*.navbar-default .navbar-nav>li>a{border-radius:0}*/
/*.navbar-default .navbar-nav>li>a{position:relative;display:block;padding:27px 0 22px 0;border-bottom:3px solid rgba(255,255,255,0);margin:0 12px;color:#000;font-size:16px}*/
.navbar-default .navbar-nav>li:hover>a,.navbar-default .navbar-nav>li>a.hover,.navbar-default .navbar-nav>li>a:hover{color:#fff;/* border-bottom:3px solid #e60021; *//*background-color:rgba(255,255,255,0);*/background: #7ecef4;}
.navbar-default .navbar-nav>li>ul{position:absolute;width:100%;min-width:132px;background:#fff url(../images/nav_2_gb.jpg) repeat-x top center;display:none;-webkit-box-shadow:0 0 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);left:50%;margin-left:-50%;padding-top:20px;border: 0;}
.navbar-default .navbar-nav>li>ul li:first-child{padding-top:10px}
.navbar-default .navbar-nav>li>ul li:last-child{padding-bottom:10px}
.navbar-default .navbar-nav>li>ul li a{padding:4px 10px;margin:4px 5px;display:block;border-top:1px solid rgba(255,255,255,.2);text-align:center;border-radius: 10px;}
.navbar-default .navbar-nav>li>ul li:first-child a{border-top:0}
.navbar-default .navbar-nav>li>ul li a:hover{color:#fff;background-color:#7ecef4;text-decoration:none}
.navbar-default .navbar-nav>li:hover ul{display:block}
}

/*banner*/
.sy-box .caption-wraper {
    position: absolute;
    left: 0;
    top: 30.33333%;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
    width: 600px;
    margin: auto;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    left: 50%;
    margin-left: -300px;
}
.sy-box .caption-wraper-1 {
    position: absolute;
    left: 0;
    top: 40.33333%;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
}
.sy-box .caption-wraper h2 {
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 66px;
}
.sy-box .caption-wraper p {
    font-size: 20px;
    line-height: 35px;
}
.caption-wraper .feature .item {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding: 0 57px;
}
.caption-wraper .feature{
    padding-top:25px;
}
.caption-wraper .feature h3 {
    font-size: 18px;
    line-height: 38px;
    text-align: left;
}
.caption-wraper .feature h4 {
    font-size: 60px;
    line-height: 60px;
}


.section_1{padding:80px 0;background: url(../images/index_about1.jpg) no-repeat top center;}
.section_2{padding:80px 0 0;background: url(../images/index_gb.jpg) no-repeat top center;}
.section_3{padding:50px 0 0;background: url(../images/index_gb.jpg) no-repeat top center;}


/*more*/
.more a{padding: 5px 20px;background: #bcbabb;color: #fff;border-radius: 15px;}
.more a:hover,.more a:focus{color: #fff;background: #193c7f}

/*产品中心*/
.slideBox{ overflow:hidden; zoom:1;position:relative; padding: 10px 74px;  }
.sPrev,.sNext{ position:absolute; left:5px; top:40%; display:block; width:57px; height:81px;background:url(../images/cp_left.png) center center no-repeat ; }
.sNext{ left:auto; right:5px; background:url(../images/cp_right.png) center center no-repeat;  }
.sPrev:hover,.sNext:hover{ border-color:#f60;  }
.slideBox ul{ overflow:hidden; zoom:1;   }
.slideBox ul li{ float:left; _display:inline;width:320px;margin:10px; overflow:hidden; text-align:center;  }
.slideBox ul li .pic{ text-align:center; }
.slideBox ul li .pic img{ /*width:120px; height:90px;*/ display:block; border:1px solid #d6eeff;border-bottom: 0; }
.slideBox ul li:hover .pic img{ border:1px solid #1347a3;border-bottom: 0; }
.slideBox ul li:hover{ border-color:#999;  }
.slideBox ul li .title{ line-height:40px;border:1px solid #d6eeff;font-size: 20px; border-top: 0;background: #d6eeff}
.slideBox ul li:hover .title{ background: #1347a3;color:#fff;border:1px solid #1347a3;border-top: 0;}


/*新闻*/
.slideNew{height:425px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideNew .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideNew .hd ul{ overflow:hidden; zoom:1;  }
.slideNew .hd ul li{ float:left; margin-right:4px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 50% }
/*.slideNew .hd ul li{float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat;}
*/.slideNew .hd ul li.on{ background:#f00; color:#fff; }
.slideNew .bd{ position:relative;  z-index:0;}
.slideNew .bd li{  float:left;}
.slideNew .bd li p{position: relative;bottom: 0;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #0d3780;width:100%;padding:5px;}
.slideNew .bd img{ max-width:100%; display:block; }


.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #037bc4;
    background: rgba(3, 123, 196,0.8);
}
.carousel-indicators {
    position: absolute;
    top:inherit;
    left:inherit;
    right:0;
    bottom: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    width:40%;
    list-style: none;
    text-align: right;
}



.case-index-content {
    position: relative;
}

.case-index-content ul {
   
}

.case-example-item {
    float: left;
    width: 280px;
    height: 399px;
    overflow: hidden;
    /*margin: 0 18px 18px 0;*/
    text-align: center;
    background: #e5e5e5;
    position: relative;
    transition: all .2s;
}

.case-example-item a .case-pad {
    width: 280px;
    /*height: 180px;*/
}

.case-item-info {
    height: 100px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e5e5e5;
    /*transition: all .2s;*/
}
.case-info-logo {
    margin-top: 0;
    margin-bottom: 8px;
    height: 30px;
    transition: all .2s;
}

.case-info-title {
    font-size: 30px;
    color: #646466;
    margin-top: 30px;
    margin-bottom: 30px;
}

.case-info-text {
    font-size: 14px;
    color: #666;
    padding: 0 30px;
    text-align: left;
    line-height: 1.8;
}

.case-index-content .case-example-item:hover .case-item-info {
    height: 176px;
    top:0;
    transition: all .2s;
    /*background: #1347a3 url(../images/new_bottom.png) no-repeat bottom center;
    color:#fff;*/
}




/*footer*/
@media (min-width: 1200px){
/* .section_foot .container{width:1250px;} */
}
.section_foot{min-height: 260px;width:100%;padding:15px 0 10px;-webkit-box-shadow:0px -5px 10px rgba(206, 206, 206, 0.69);box-shadow:0px -5px 10px rgba(206, 206, 206, 0.69);background: rgba(248,248,248,0.5);}
/*.section_foot .container{width: 76%;margin:auto;}*/
.section_foot .foot_img{text-align:center;text-align: -moz-center;text-align: -webkit-center;}
.section_foot .foot_size{font-size: 12px;line-height: 20px;}
.section_foot .foot_size14{font-size: 14px;}
.section_foot .foot_h5{margin-top:5px;margin-bottom:5px;}




/*内页  left nav*/
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    -webkit-box-shadow:0px 0px 10px rgba(206, 206, 206, 0.69);
    box-shadow:0px 0px 10px rgba(206, 206, 206, 0.69);
}
.border_left{border-left: 1px #e3e3e3 solid;}
.contact_left{padding:20px;background: #eeeeee;border-radius:10px; }
.left_size{font-size: 20px;color: #595757;}

/* 生产设备左导航栏 */
.ranking2{height: 100%;transition: all .3s;/*background: #00aff3;*/}
.ranking2 a{display: block;overflow: hidden;padding-left: 20px;line-height: 40px;font-size: 16px;/*max-height: 46px;*/color: #fff;transition: all .3s;}
.ranking2 a span{line-height: 20px}
.ranking2 li ul li a {line-height: normal;padding: 8px;border-bottom: 1px #fff solid;font-size: 14px;}

.nav-item{position: relative; border-radius: 10px; border: 1px #fff solid;background: #428bca;margin:8px}
/*.nav-item.nav-show{border-bottom: none;}*/
.nav-item ul{display: none;background: rgba(0,0,0,.1);border-radius: 10px;}
.nav-item.nav-show ul{display: block;}
/* .nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;} */
.ranking2 .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
/*---------------------*/
.nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show{color: #1d80f9;}
.nav-item>a:hover{color: #fff;border-radius: 10px;/*background:#7ecef4;*/}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #fff;background: #7ecef4;border-radius: 10px;}


/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}


/*新闻列表*/
@media only screen and (max-width:991px){div.articles-index-recommend .carousel-indicators{display:none}
div.articles-index-recommend .carousel-control.right{left:100%}}

div.articles-index-recommend .carousel-control>i{/* margin-top:3px;font-size:50px; */opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}
div.articles-index-main .articles-index-list{margin-bottom:10px}
div.articles-index-main .articles-index-list:hover{-webkit-transition: all 0.5s ease, opacity 0.5s ease; transition: all 0.5s ease, opacity 0.5s ease; opacity: 1; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
div.articles-index-main .articles-index-list .index-article-item{padding:25px;border:1px solid #ddd;background: #fafafa;}
div.articles-index-main .articles-index-list .index-article-item:after,div.articles-index-main .articles-index-list .index-article-item:before{content:" ";display:table}
div.articles-index-main .articles-index-list .index-article-item:hover{background-color:#fafafa}
div.articles-index-main .articles-index-list .index-article-item.last{border-bottom:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:left;display:block;width:180px;height:130px;line-height:130px;overflow:hidden}

@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item{padding:15px}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:none;margin:10px auto}}

div.articles-index-main .articles-index-list .index-article-item .article-item-image>img{width:100%}
div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:205px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category{float:left;display:block;margin-right:10px;padding:0 5px;line-height:18px;font-size:12px;color:red;border-radius:3px;border-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:active,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:focus,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:hover{color:#fff;background-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover{text-decoration:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover>h1{color:#008ce8}

@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:0}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title{text-align:center}}

div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title>h1{margin:0;line-height:20px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:15px 0 20px 0}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-tags{margin-top:10px;margin-left:-3px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-desc{height:40px;line-height:20px;font-size:12px;color:#999;overflow:hidden}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options{margin-bottom:0;font-size:12px;color:#999}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span{display:inline-block}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options .article-item-more,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span>span{color:#333}
form.article-index-search{margin-bottom:15px}
form.article-index-search .form-group{width:209px}

@media only screen and (min-width:992px) and (max-width:1199px){div.articles-index-recommend .carousel-control{bottom:15px}
form.article-index-search .form-group{width:159px}}


.tc-box {background: none;}
.return a:hover,.return a:focus{color:#193c7f;}
.nextinfo a:hover,.nextinfo a:focus{color:#193c7f;}
.size-color{}


/*产品列表*/
.pro .pro_list { margin-bottom:20px;}
.pro .pro_list .pro_hover{border:1px #e3e3e3 solid;overflow: hidden;}
.pro .pro_list .pro_hover p{font-size: 16px}
.pro .pro_list .pro_hover img{opacity: 1}
.pro .pro_list:hover .pro_hover{background: rgba(173,224,248,0.8);color:#fff;border:1px #ade0f8 solid;}
.pro .pro_list:hover .pro_hover a{color:#fff;}
.pro .pro_list:hover .pro_hover img{opacity: 0.8}
/*.pro .pro_list:hover .pro_hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.21;-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}*/

/*产品详情*/
.article_video{width:400px;height:300px;}
.article_img{border:1px #ddd solid;}